@mixin midia-query($res-min, $res-max){
  $query: "";
  @if $res-min != "" {
    $query: " and (min-width: " + $res-min + ")";
  }
  @if $res-max != "" {
    $query: $query + " and (max-width: " + $res-max + ") ";
  }
  $query: " only screen" + $query;
  @media #{$query} {
        @content;
    }
}
@mixin inline-block{
  display: inline-block;
  *display: inline;*zoom:1;
}